Googleアナリティクスポリマーウェブコンポーネント - Safari Datepicker

Question

Google's Polymer Analytics Web Componentsを使用してダッシュボードを作成しています。しかし、これらの要素はHTML 5（ほとんどの場合）に依存しているようですが、Safari（Mac）ではHTML 5の日付ピッカーがありません。

JqueryUI Datpicker（または同等のもの）をこれらのコンポーネントにバインドするにはどうすればよいですか？例えば

：

<google-analytics-date-selector></google-analytics-date-selector> 

は、次の影のコードブロックを作成します。

<google-analytics-date-selector class="x-scope google-analytics-date-selector-0"> 
    <span class="control style-scope google-analytics-date-selector"> 
    <label for="startDate" class="style-scope google-analytics-date-selector">Start Date</label> 
    <input id="startDate" type="date" class="style-scope google-analytics-date-selector hasDatepicker" max="2016-03-30" min="2005-01-01"> 
    </span> 
    <span class="control style-scope google-analytics-date-selector"> 
    <label for="endDate" class="style-scope google-analytics-date-selector">End Date</label> 
    <input id="endDate" type="date" class="style-scope google-analytics-date-selector" min="2016-03-24" max="2016-03-31"> 
    </span> 
</google-analytics-date-selector> 

は、どのように私はあなたが<paper-date-picker>を使用することができJQUI日付ピッカー

Answer 1

と#startDateと#endDate入力要素をターゲットにすることができ、 Safariを含む複数のブラウザで動作する - または他の日付ピッカーの1つをから選んでください。

<paper-date-picker>ドキュメントがスニペット例を示す：

このサファリのスクリーンショットに見られるように、日付ピッカーを含む、モーダルダイアログを作成し

<paper-dialog class="paper-date-picker-dialog" modal> 
    <paper-date-picker date="[[date]]"></paper-date-picker> 
    <div class="buttons"> 
    <paper-button dialog-dismiss>Cancel</paper-button> 
    <paper-button dialog-confirm>OK</paper-button> 
    </div> 
</paper-dialog> 

：