在input标签绑定当前时间和layui时间的使用

置顶

末哆啦a梦

已于 2023-02-18 18:30:35 修改

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

文章标签： layui javascript 前端

于 2019-06-27 21:43:56 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44567381/article/details/93915880

本文介绍如何在input标签中绑定当前时间和利用layui库实现日期时间选择器。通过在页面上创建一个input标签，并使用layui的laydate模块进行初始化设置，详细解释了laydate的多种类型如datetime、year等，以及如何避免错误。最后，作者分享了学习心得并鼓励读者实践。

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

今天我要讲的知识点是在input标签绑定当前时间和layui时间的使用，可能有的人并不懂这是什么意思，没事，接下来我会给你们慢慢的讲解。我们首先打开开发工具VS，我不知道你们有没有安装Visual Studio 2015，我的版本是Visual Studio 2015，可能有的人有更新的版本吧，如果没有安装的，可以找相关开发人员拷贝一下，也可以自己上网进行搜索下载。来到我们今天要做的内容，首先创建一个MVC的页面，具体操作看我先前的文献，里面有具体的介绍和操作步骤。创建一个控制器，来到页面写我们需要的代码，因为要在input标签显示当前时间，所以我在页面直接给了一个input标签就可以了，如下图所示：
在这里插入图片描述
当然你们也可以自己把input设计成你们需要的样子，代码不多，下面是我设计input标签的代码：

业务日期

在input标签里面我给了一个Yewuriqi的id，获取这个id，在script标签里面写我们今天的JS代码，我们先把获取当前时间写一下，代码如下： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190627214233553.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2NzM4MQ==,size_16,color_FFFFFF,t_70) 上面我声明几个类对日期和时间进行获取，下面的if是判断月份和日和秒的。然后我们声明一个EndDate把上面的声明的字段进行拼接，因为要和layui时间一致，我在拼接日期和时间的时候直接给了一个” ”，记住我是要在双引号里面给一个空格然后再拼接时间的，然后我用documen