layui的时间控件laydate默认跳转到指定日期

原创于 2019-03-27 12:00:54 发布 · 3.9k 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用layui框架中的laydate时间选择器插件。通过下载并引入必要的js和css文件，设置html输入框，并利用js代码绑定laydate控件，实现用户选择日期的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、下载layui的js和css,下载laydate的js，在需要引用laydate时间控件的引入相应的js和css

【layui/css/layui.css、laydate/laydate.js、layui/layui.js】

二、html

<input placeholder="生日" name="birthday" readonly  required class="birthday" />

三、js

//【elem】时间控件绑定的对象，【value】时间控件显示时，默认跳转到的日期。【isInitValue】input框不显示初期値，【done】点击选定日期后的，后续处理

//初期显示的时间
var init_date = '2009-01-01'
layui.use('laydate', function(){
  var laydate = layui.laydate;
  lay('.birthday').each(function(){
        laydate.render({
            elem: this
            ,value: init_date 
            ,isInitValue: false
            ,done: function(value, date, endDate){
                //选好日期后的后续处理
            }
        });
    });
});