做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS日期插件timePicker.js
来源:易助科技网浏览量:4收藏

简介

timePicker.js是一款非常常用的JS日期选择插件。

 


使用

1.  引入文件

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="../../js/jquery.timepicker.min.js" type="text/javascript" ></script>


2.  HTML

<input type="text" class="datePicker" name="section1_date" placeholder="">


3.  调用

<script>
$( function() {
$(".datePicker").datepicker();
$(".datepicker").datepicker( "option", "dateFormat", "yy-mm-dd" );

$(".timePicker").timepicker();
$(".timePicker").timepicker({ \'timeFormat\': \'H:i\' });
} );
</script>


相关链接

官网地址(英文) :https://trentrichardson.com/examples/timepicker/

GitHub 地址 :https://github.com/topics/timepicker