日历--给input赋值

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;
}

<input type = "date" id="start_time"/> 的效果图

获取input中的值

var start_time = $("#start_date").val();
var end_time = $("#end_date").val();