Jquery 单击设置按钮时移动日期框时间重置

Jquery mobile datebox time resetting when click set button

我正在尝试使用 jquery 移动日期框(来自 Jtsage)来选择时间和日期。但是每次单击设置按钮时重置时间我都无法获得时间。这是我的代码:-

$.extend($.jtsage.datebox.prototype.options, {
 useInline: true,
 hideInput: true,
 overrideSlideFieldOrder: ['y','m','d','h','i'],
 dateFormat: "%Y-%m-%d %H:%i",
 useHeader:false
});
<script src="https://cdn.jsdelivr.net/npm/jtsage-datebox-jqm@4.3.1/jtsage-datebox.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/jtsage-datebox-jqm@4.3.1/jtsage-datebox.min.css" rel="stylesheet"/>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>


      <div data-role="page" id="attendanceMarkPage">

        <div data-role="header" data-theme="a">
            <a href="#mainPage" class="ui-btn ui-shadow ui-icon-arrow-l ui-btn-icon-notext ui-btn-inline"></a>
            <h1>Salary</h1>

        </div><!-- /header -->

        <div role="main" class="ui-content">
         <form class="ui-filterable">
                <div class="ui-field-contain">
                 <label for="attendanceMarkTime">Time:-</label>
     <input name="themee" id="attendanceMarkTime" data-role="datebox" data-datebox-mode="slidebox" data-options='{}' readonly="readonly" type="text">
              <input type="hidden" name="attendanceTime" id="attendanceMarkEmployee"/>
             </div>
                <div class="ui-field-contain">
              <input type="submit" value="Update"/>
                 
                </div>
         </form>
        </div><!-- /content -->

    </div><!-- /page -->

是否有任何函数可以覆盖现有函数或如何获取日期和时间?

抱歉打扰you.I经过长期研究找到了答案。我已经添加

overrideDateFormat: "%Y-%m-%d %k:%M"

到参数。现在它工作。感谢您查看此内容。