您的位置:首页 > Web前端 > JavaScript

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]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息