日历--给input赋值

2019-11-07 23:35:36

字体：大中小

来源：转载

供稿：网友

HTML5 新加了一些标签，最近用到了 input 的 type='date' ，可用来制作简单的日历。（PS：在 Html 和 javaScript 中单引号和双引号貌似没什么区别，在写代码时自己注意一下即可。）我想做成如下效果：

就是在刚进入界面时，就能显示当前的日期，所以需要给 input 赋值。从网上找到了两种赋值方法：

一、value赋值法

$("#start_date")[0].value = nowDate();

这个赋值一直出错的原因是 $("#start_date")[0].value = nowDate(); 没有加[0],这个是由于本人对 JQuery 理解不深

二、val()赋值法

$("#start_date").val(nowDate());

获取当前时间 `nowDate()` 方法

// 获取当前时间function nowDate(){ now = new Date(); // 当前日期 if((now.getMonth() + 1) < 10){ if(now.getDate()<10){ // 当前日期 today = now.getFullYear() + '-' +'0' + (now.getMonth() + 1) + '-' +'0' + now.getDate(); }else{ // 当前日期 today = now.getFullYear() + '-' +'0' + (now.getMonth() + 1) + '-' + now.getDate(); } }else{ if(now.getDate()<10){ // 当前日期 today = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' +'0' + now.getDate(); }else{ // 当前日期 today = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate(); } } console.log("today is day--->" + today); return today;}