站长资源
全栈工程师站点

日期和时间插件-jQuery DateTimePicker

使用方法

官方文档:http://www.bootcss.com/p/bootstrap-datetimepicker/

引入css和js

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

html

<input id="datetimepicker" type="text" >

js

$('#datetimepicker').datetimepicker();

设置中文

$.datetimepicker.setLocale('ch');//设置中文

效果:

日期和时间插件-jQuery DateTimePicker

自定义选项:

$('#s').datetimepicker({
      lang:"ch", //语言选择中文 注:旧版本 新版方法:$.datetimepicker.setLocale('ch');
      format:"Y-m-d",      //格式化日期
      timepicker:false,    //关闭时间选项
      yearStart:2000,     //设置最小年份
      yearEnd:2050,        //设置最大年份
      todayButton:false    //关闭选择今天按钮
});


免费下载  在线演示  
×

站长资源极速下载通道: 日期和时间插件-jQuery DateTimePicker

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » 日期和时间插件-jQuery DateTimePicker

评论 抢沙发

评论前必须登录!