Layer.date 时间插件 JS日期时间插件

来源:互联网 发布:安利产品淘宝数据包 编辑:程序博客网 时间:2024/04/20 11:31

总体效果是这样滴:

                                         

1.首先引入laydate.js

     <script 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>


每天做一只快乐的小鸟^_^          ^_^            ^_^            ^_^

2 0