Javascript中的日期格式更改

Question

我的开始日期：2018年2月28日

的HTML

 <div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
<input class="form-control" type="text" name="check_in" placeholder="Check In" required >    
</div>

现在，我想将此格式更改为JavaScript

2018年2月28日

有没有办法用JavaScript做到这一点？

Answer 1

要在JavaScript中转换日期，您需要使用Date()对象 。 我不知道您想如何以及在何处确切地获得输入日期，但是下面的代码片段将为您提供有关如何使用Date()对象实现目标的想法。

 var Months = ['Jan','Feb','Mar','Apr','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; $('#date').change(function() { // Get the date from the input field var inputDate = $('#date').val(); // Convert the date to a Date() object var date = new Date(inputDate); // Now that we have the object ready, we can use its getDate(), getMonth() and getFullYear() methods var outputDate = Months[date.getMonth()] + ' ' + date.getDate() + ' ' + date.getFullYear(); // Append the result $('#result').text(outputDate); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="date" type="date"> <div id="result"></div> 

Answer 2

要在JavaScript中转换日期，您需要使用Date（）对象。这里val是我的输入日期：2018年2月28日

var date = new Date(val);

输出将是

2018年2月28日星期三00:00:00 GMT + 0530（印度标准时间）