JQuery简单的时间选择器（picker）

 $("#my_Specific").picker({
        title: "请选择日期",
        cols: [
            {
                textAlign: 'center',
                values: ['2019', '2018', '2017', '2016', '2015', '2014', '2013', '2012']
                //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
            },
            {
                textAlign: 'center',
                values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
            },
            {
                textAlign: 'center',
                values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10',
                         '11', '12', '13', '14', '15', '16', '17', '18', '19', '20',
                         '21', '22', '23', '24', '25', '26', '27', '28', '29', '30',]
            }
        ]
    });

    $("#my_time").picker({
        title: "请选择时段",
        cols: [
        {
                textAlign: 'center',
                values: ['上午:', '下午:']
                //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
            },
            {
                textAlign: 'center',
                values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
                //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
            },
            {
                textAlign: 'center',
                values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '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',]
            }
        ]
    });

一个简单的时间选择器，第一个日期为只显示年月日，第二个为具体时间。