DateTimePicker

来源:互联网 发布:模拟位置软件 编辑:程序博客网 时间:2024/05/18 03:35

<link rel="stylesheet" type="text/css" href="jedate/skin/jedate.css"/>
<script type="text/javascript" src="jedate/jedate.js"></script> <!-- end jedate -->

<div class="r2"><span>发布时间: </span><input id="publishDate" type="text" class="datainp" placeholder="请选择发布时间" onClick=datePicker("publishDate","YYYY-MM-DD",false) /></div>  


/**
 * datePickerInit.js 小工具 使用前提条件-----引入jquery-1.11.3.js jedate.js domId :
 * 需要填充日期的DOM元素的id 比如是一个input的id format: 需要填充日期的格式 例如 "YYYY-MM-DD hh:mm:ss"
 * "YYYY-MM-DD hh:00:00" "YYYY-MM-DD hh:59:59" "YYYY年MM月DD日 hh时mm分ss秒" isTime:
 * 是否开启时间选择
 */
function datePicker(domId, format, isTime) {
var datePickerOptions = {
dateCell : "#" + domId, // 目标元素。由于jedate.js封装了一个轻量级的选择器,因此dateCell还允许你传入class、tag这种方式
// '#id .class'
format : format, // 日期格式
minDate : "2017-08-15", // 最小日期
// maxDate:"2099-12-31 23:59:59", //最大日期
isinitVal : true, // 是否初始化时间
isTime : isTime, // 是否开启时间选择
isClear : true, // 是否显示清空
festival : false, // 是否显示节日
zIndex : 999, // 弹出层的层级高度
marks : null, // 给日期做标注
choosefun : function(val) {
}, // 选中日期后的回调
clearfun : function(val) {
}, // 清除日期后的回调
okfun : function(val) {
} // 点击确定后的回调
};
jeDate(datePickerOptions);
}
原创粉丝点击