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"
到参数。现在它工作。感谢您查看此内容。
我正在尝试使用 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"
到参数。现在它工作。感谢您查看此内容。