代码之家  ›  专栏  ›  技术社区  ›  Ramesh Kithsiri HettiArachchi

单击设置按钮时Jquery mobile datebox时间重置

  •  0
  • Ramesh Kithsiri HettiArachchi  · 技术社区  · 6 年前

    我正在尝试使用jquery mobile datebox(来自 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 -->

    是否有任何函数可以重写exist函数,或者如何同时获取日期和时间?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Ramesh Kithsiri HettiArachchi    6 年前

    对不起打扰你了。经过长时间的研究,我找到了答案。我已添加

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

    至参数。现在它开始工作了。感谢您查看此内容。