Layer.date 时间插件 JS日期时间插件
2015-10-22 10:40
701 查看
总体效果是这样滴:
1.首先引入laydate.js
<scri
4000
pt src="/public/laydate/laydate.js"></script>
2.html需要插入时间的地方 给个id 例如: id="start"
<tr>
<th><font color="red">*</font>预订时间:</th>
<td><input class="laydate-icon" id="start" type="text" name="pre_time" value="" placeholder="请点击此处选择时间" readonly/>
</td>
</tr>
3.设置样式:
<script type="text/javascript">
$(function()
{
var _before_day = '';
laydate.skin('molv')
var start = {
elem: '#start', //对应的id
format: 'YYYY-MM-DD hh:mm:ss',
min: laydate.now(), //最小日期
max: '2088-10-10 00:00:00', //最大日期
start: laydate.now(),//开始日期
istime: true,
festival: true, //显示节日
istoday: false,
choose: function(datas)
{
_before_day = datas;
}
};
laydate(start);
});
</script>
每天做一只快乐的小鸟^_^
[b]^_^
^_^
^_^
[/b]
1.首先引入laydate.js
<scri
4000
pt src="/public/laydate/laydate.js"></script>
2.html需要插入时间的地方 给个id 例如: id="start"
<tr>
<th><font color="red">*</font>预订时间:</th>
<td><input class="laydate-icon" id="start" type="text" name="pre_time" value="" placeholder="请点击此处选择时间" readonly/>
</td>
</tr>
3.设置样式:
<script type="text/javascript">
$(function()
{
var _before_day = '';
laydate.skin('molv')
var start = {
elem: '#start', //对应的id
format: 'YYYY-MM-DD hh:mm:ss',
min: laydate.now(), //最小日期
max: '2088-10-10 00:00:00', //最大日期
start: laydate.now(),//开始日期
istime: true,
festival: true, //显示节日
istoday: false,
choose: function(datas)
{
_before_day = datas;
}
};
laydate(start);
});
</script>
每天做一只快乐的小鸟^_^
[b]^_^
^_^
^_^
[/b]
相关文章推荐
- 好用的日期控件My97DatePicker
- dwz框架 时间控件不支持onclick,onchange事件
- jquery时间插件
- 支持IE8的jquery时间控件
- 兼容PC和移动页面的mobiscroll日期插件之简单使用
- 一个超轻量级的时间处理工具库 - dateformat.js
- WdatePicker 时间插件
- Angular Js -moment Picker 时间插件(时间段选择)
- Angular Js -moment Picker 时间插件(不需引用JQ)
- laydate 插件 基本使用及开始及结束时间限制
- 时间插件--daterangepicker使用和配置详解
- yii2时间插件
- jQuery Date Range Picker时间插件API
- ACE框架使用心得2—日期选择控件
- 时间段插件daterangepicker —— 基本使用及回显问题解决方法
- 解决新版本jedate时间插件最小最大时间的选择问题
- 无敌好用的时间小插件 joda-time
- WdatePicker 时间插件
- Yii 添加Input时间插件
- 选择日期:年月日时分秒 插件