在项目开发过程中,难免会遇到需要填写日期,手动输入的方式不仅不美观,用户体验也不是很好,为了改善手动输入的死板,可使用日期插件
使用方法如下:
第一步:将日期插件的文件夹下载解压复制到你得项目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>
呈现效果: