如何修改我使用JavaScript代码显示的时间

时间:2017-07-14 08:47:19

标签: javascript jquery time datepicker

请有人帮助我......

所以我得到了这个JS函数,它允许我显示时间:

function getCurrentTime() {

        var CurrentTime = "";

        try {
            var CurrentDate = new Date();
            var CurrentHours = CurrentDate.getHours();
            var CurrentMinutes = CurrentDate.getMinutes();
            var CurrentSeconds = CurrentDate.getSeconds();

            if (CurrentMinutes < 10) { CurrentMinutes = "0" + CurrentMinutes; }
            if (CurrentSeconds < 10) { CurrentSeconds = "0" + CurrentSeconds; }
            if (CurrentHours < 10) { CurrentHours = "0" + CurrentHours; }

            CurrentTime = "" + CurrentHours + ":" + CurrentMinutes + ":" + CurrentSeconds + "";
        }
        catch (ex) {
        }
        return CurrentTime;
    }

然后我按照jQuery datepicker返回它:

$('.class').datepicker({
        autoclose: true,
        format: "dd.mm.yyyy" + " " + getCurrentTime(),
}

我遇到的问题是,在我选择当前日期的框中,我无法修改时间,即使我在选择日期后更改了数字我也总是得到当前时间,而我希望我能够我在这个领域有任何时间介绍。

你能帮助我解决这个问题吗?

3 个答案:

答案 0 :(得分:0)

目前您正在使用new Date(),它会返回当前日期和时间。

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

如果您想修改日期和时间,请使用上述方法创建您选择的日期/时间。

答案 1 :(得分:0)

你必须像这样修改选择器属性

 $('.class').datepicker({
        autoclose: true,
        format: "dd.mm.yyyy",
        onSelect:function(date){
$(this).val(date+" "+ getCurrentTime()); } });

答案 2 :(得分:0)

您可能正在寻找:

&#13;
&#13;
function curdate(){
    var d = new Date();
    var month = d.getMonth();
    var day = d.getDate();
    var year = d.getFullYear();
return new Date(year, month, day, 00, 01);
}

    $('#startdatetime-from').datetimepicker({
        language: 'en',
        format: 'yyyy-MM-dd hh:mm'
    });
    $("#startdatetime-from").data('datetimepicker').setLocalDate(curdate());
&#13;
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

 <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>



<div id="startdatetime-from" class="input-append date">
    <input type="text" id="datetimepicker-input"></input>
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>
&#13;
&#13;
&#13;