Google Analytics Polimer Web Bileşenleri - Safari Datepicker

Question

Bir gösterge paneli oluşturmak için Google's Polymer Analytics Web Components kullanıyorum. Bununla birlikte, bu öğeler HTML 5'e (çoğu durumda mükemmel) güveniyor gibi görünmektedir, ancak Safari (Mac) ile, bunların hiçbir yerel HTML 5 datepicker değeri yoktur.

JqueryUI Datpicker (veya eşdeğeri) bu bileşenlere nasıl bağlanır? örneğin

:

<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> 

Ben JQUI DatePicker ile #startDate ve #endDate giriş öğeleri nasıl hedeflerim

Answer 1

Sen <paper-date-picker> kullanabilirsiniz:

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

aşağıdaki gölge kod bloğunu oluşturur Safari dahil olmak üzere birden fazla tarayıcıda çalışan veyanumaralı diğer tarih seçicilerden birini seçen.

<paper-date-picker> docs

bir örnek pasajı gösterir:

bu Safari ekran görüntüsünde görüldüğü gibi, tarih seçiciyi içeren, kalıcı bir iletişim kutusu oluşturur

<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> 

: