在日期字段中将默认的明天日期和时间显示为8Am

时间:2018-10-15 09:16:21

标签: javascript jquery

您好,我想在我的日期字段中显示明天的日期和时间(上午8点)。因为我尝试了一些代码     它仅显示明天的日期,而没有时间,任何人都可以帮助我默认显示上午8点的时间

这是我的代码:

     <div class="col-xs-6 date" style="display:none;">
                            <input class="form-control" type="date" id="inputDate"/>
                        </div>

    <script>
    // Declare variables
    var tomorrow = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
    // Set values
    $("#inputDate").val(getFormattedDate(tomorrow));
    // Get date formatted as YYYY-MM-DD
    function getFormattedDate (date) {
        return date.getFullYear()
            + "-"
            + ("0" + (date.getMonth() + 1)).slice(-2)
            + "-"
            + ("0" + date.getDate()).slice(-2);
    }
</script>

任何人都可以帮助我如何在默认情况下将时间显示为默认的上午8点。如果用户要更改时间,可以根据需要更改日期和时间。

预先感谢

3 个答案:

答案 0 :(得分:2)

您可以使用moment.JS对日期进行格式化和操作。

http://momentjs.com/downloads/moment.js

var tomorrow = moment(new Date())
              .add(1,'days')
              .hours(8)
              .minutes(30)
              .format('DD/MMM/YYYY HH:mm');

console.log(tomorrow)

答案 1 :(得分:2)

首先,您需要将输入类型更改为datetime-local。这样它将支持日期和时间。 然后使用moment设置日期格式。

byte
$("#inputDate").val(moment().add(1, 'days').hours(8).startOf('hour').format("YYYY-MM-DDTHH:mm:ss"));

答案 2 :(得分:1)

var a = new Date; 
a.setDate(a.getDate()+1); 
a.setHours(8); 
a.setMinutes(0); 
a.setSeconds(0); 
console.log(a);