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

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

使用方法如下:

第一步:将日期插件的文件夹下载解压复制到你得项目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>

呈现效果:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值