【问题标题】:How can I modify the time I display with my JavaScript code如何使用 JavaScript 代码修改显示时间
【发布时间】:2017-07-14 08:47:19
【问题描述】:

请有人帮助我...

所以我得到了这个 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 日期选择器返回它:

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

我遇到的问题是,在我选择当前日期的框中,我无法修改时间,即使我在选择日期后更改数字我总是得到当前时间,但我希望我可以有我在该领域介绍的任何时间。

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

【问题讨论】:

  • 设置日期你应该使用 setDate $( ".selector" ).datepicker( "setDate", "10/12/2012" ); api.jqueryui.com/datepicker/#method-setDate
  • 你为什么不把时间存储在一个全局变量中,然后再使用它?!
  • 请详细说明一下?

标签: javascript jquery time datepicker


【解决方案1】:

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

 $('.class').datepicker({
        自动关闭:真,
        格式:“dd.mm.yyyy”,
        onSelect:函数(日期){
$(this).val(date+" "+ getCurrentTime()); } });

【讨论】:

    【解决方案2】:

    当前您使用的是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);
    

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

    【讨论】:

    • 但我希望它默认返回当前时间,之后可以修改为我希望的任何时间。
    • 你应该让getCurrentTime函数接收一个参数。如果没有参数使用new Date(),如果有参数使用new Date(argument) 来生成日期和时间。
    【解决方案3】:

    您可能正在寻找:

    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());
    <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>

    【讨论】:

    • 我不能使用 datetimepicker,我必须使用我提供给你的代码。
    • 你不能用 .datepicker() 修改时间,因为你必须使用 .datetimepicker()
    • 我要修改的时间在另一个函数中。我只是通过格式选项在日期选择器中显示它。
    猜你喜欢
    • 2012-11-03
    • 1970-01-01
    • 2016-02-03
    • 2015-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-21
    • 1970-01-01
    相关资源
    最近更新 更多