jQuery weuiの日期&時間控件

 

jQueryweui日歷：
<input class="weui-input font-input date-input" type="text" data-toggle='date' id="input-date-start-store"  placeholder="請選擇日期" />

$("#input-date-start-store").calendar(); //開始日期初始化

 

 

jQueryweui時間：
<input class="weui-input font-input time-input" type="text"  id="input-time-start-store" placeholder="請選擇時間" />

$("#input-time-start-store").picker({    //開始時間初始化
    title: "請選擇開始時間",
    cols: [
        {
            textAlign: 'center',
            values: ['00', '01', '02', '03', '04', '05', '06', '07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23']
            //如果你希望顯示文案和實際值不同，可以在這里加一個displayValues: [.....]
        },
{
      textAlign: 'center',
      values: [':']
   },
        {
            textAlign: 'center',
            values: [':00', '01', '02', '03', '04', '05', '06', '07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50','51','52','53','54','55','56','57','58','59']
        },
{
    textAlign: 'center',
    values: [':']
},

        {
            textAlign: 'center',
            values: [':00', '01', '02', '03', '04', '05', '06', '07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50','51','52','53','54','55','56','57','58','59']
        }
    ]
});