datetimepicker[jquery-ui]时间控件的三种初始化方法


1.只显示年月日

$( ".datepicker").datepicker({
        needDay:true,
        changeMonth: true, //显示月份
        changeYear: true, //显示年份
        showButtonPanel: true, //显示按钮
        dateFormat: 'yy-mm-dd', //日期格式
    });

2.只显示时分秒(需要引入时间插件文件。1.【jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js】2.汉化【datetimepicker/js/jquery.ui.datepicker-zh-CN.js.js】)

 
 
$('.datepicker-times').timepicker({
         showButtonPanel: true, //显示按钮 timeFormat: "HH:mm:ss",  });
 

3.显示年月日时分秒,

$('.datepicker-times').datetimepicker({
        needDay:true,
        changeMonth: true, //显示月份
        changeYear: true, //显示年份
        showButtonPanel: true, //显示按钮
        timeFormat: "HH:mm:ss",
        dateFormat: "yy-mm-dd"
    });

官网:http://trentrichardson.com/examples/timepicker/#tp-examples


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM