欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

时间日期插件引用使用方法

程序员文章站 2022-05-27 17:05:48
...

在项目开发过程中,难免会遇到需要填写日期,手动输入的方式不仅不美观,用户体验也不是很好,为了改善手动输入的死板,可使用日期插件

使用方法如下:

第一步:将日期插件的文件夹下载解压复制到你得项目JS文件目录中

             插件下载地址:点击打开链接

    一般将整个插件目录放在public/js目录中

第二步:在页面文档头部引用laydate.js文件,引用地址填写自己的路径
<script src="/js/laydate/laydate.js"></script>

第三步:在你需要使用的文本框中,命名一个id或class  如下:
  对应js
<div class="form-group">
  <label>请选择结算日期</label><br/>
  <input type="text" id='date1' name="accountTime1">    至  
  <input type="text" id='date2' name="accountTime2">
</div>
<script>
    laydate.render({
        elem: '#date1' //指定元素
    });
    laydate.render({
        elem: '#date2' //指定元素
    });
</script>

呈现效果:

时间日期插件引用使用方法