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']
        }
    ]
});

 

转载于:https://www.cnblogs.com/haimengqingyuan/p/7795754.html