点击设置按钮时,Jquery移动日期箱时间重置

时间:2018-03-23 12:41:43

标签: javascript jquery html jquery-mobile datebox

我正在尝试使用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 -->
&#13;
&#13;
&#13;

是否有任何功能可以覆盖存在的功能或如何获取日期和时间?

1 个答案:

答案 0 :(得分:0)

很抱歉打扰你。经过长时间的研究,我找到了答案。我添加了

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

参数。现在它正在运作。感谢您查看此内容。