【问题标题】:How to get time from time picker using jQuery and convert into ms-sql time(7) format?如何使用 jQuery 从时间选择器中获取时间并转换为 ms-sql time(7) 格式?
【发布时间】:2018-04-03 08:08:36
【问题描述】:

我想使用 java-script 从时间选择器中获取时间并转换为 ms-sql time(7) 格式。

这是我的时间选择器代码:

            <div class="form-group">
            <label class="col-md-4 control-label">
                In Time
            </label>
            <div class="col-md-5">
                <div class="input-group">
                    <input type="text" id="tpInTime" class="form-control timepicker timepicker-no-seconds">
                    <span class="input-group-btn">
                        <button class="btn default" type="button"><i class="fa fa-clock-o"></i></button>
                    </span>
                </div>
            </div>
        </div>

【问题讨论】:

    标签: jquery asp.net-mvc bootstrap-datetimepicker


    【解决方案1】:

    我刚刚意识到您只需要获取时间 7 的确切时间格式(我找到了格式文档here)。所以我决定做这个棘手的把戏。

    假设

    • 秒和毫秒为 0
    • 使用时间选择器获取时间(不使用 Date())

    逻辑

    • 获取时间选择器的值(查看查询)
    • 值应该是hh:mm
    • 按照Time 7格式,应该是hh:mm:ss.ms
    • 所以我只是将hh:mm:ss.ms 合并(查看查询)
    • 然后我把它存入一个变量time7,并显示出来

    提醒

    时区设置为默认值 (GMT+0)

    试一试!

    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </head>
    <body>
    
    </body>
    </html>
    <div class="form-group">
      <label class="col-md-4 control-label">
        In Time
      </label>
      <div class="col-md-5">
        <div class="input-group">
          <input type="time" id="tpInTime" value="00:00">
          <span class="input-group-btn">
            <button class="btn default" type="button" id="btn"><i class="fa fa-clock-o">TEST</i></button>
            <p id="output"></p>
          </span>
        </div>
      </div>
    </div>
    <script>
    
      $("#btn").click(function(){
        var x = $("#tpInTime").val();
        var time7 = x+':00.0000000'
        $("#output").text(time7);
      });
    
    </script>

    【讨论】:

    • Tnx @Rizkita 。这是个好主意 。但我想要类似 [var startDate = $("#txtStartDate").datepicker("getDate").toISOString("yyyy-MM-dd").slice(0, -14);] 的东西。 :) 。这不是 dateTime ,而是 time(7) 之类的 [13:01:01.1234567]。感谢您对此事的关注。
    • 嗨@t_rex 你可能会再次看到我的答案,我更新了一些解释。即使不使用任何“硬代码”,它也应该可以解决您的问题。祝你好运:)
    • Tnx 兄弟。 @Rizkita。
    • 不用担心。祝你好运@t_rex
    猜你喜欢
    • 1970-01-01
    • 2015-05-31
    • 1970-01-01
    • 2015-01-10
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多