Question

我有一个表单，我想使用jquery在div中追加，在这个表单中我想附加jquery移动日期箱

如何以正确的语法在表单中附加日期框？

$('#PersonalInfo').append(
 '<form id="registerForm" class="form" enctype="multipart/form-data">'+

 '<label for="mode2">DateBox</label>'+
 '<input name="mode2" id="mode2" type="text" data-role="datebox" data-  options='{"mode":"datebox", "useNewStyle":true}' />'+
'<input type="submit" value="save" id="submitButton">'+
'</form>');

http://dev.jtsage.com/jQM-DateBox2/

Answer 1

更新：这是 DEMO FIDDLE

您需要转义选项周围的单引号，在输入上设置type =“date”，并在jQM中重新触发页面创建。在下面的示例中，我有一个id =“page1”的页面。在pageinit事件中，我添加了动态表单（带有转义引号），然后在页面上调用trigger（'create'）：

$("#page1").on("pageinit", function(){

    $('#PersonalInfo').append(
      '<form id="registerForm" class="form" enctype="multipart/form-data">'+
      '<label for="mode2">DateBox</label>'+
      '<input name="mode2" id="mode2" type="date" data-role="datebox" data-options=\'{"mode":"datebox", "useNewStyle":true }\' />'+
      '<input type="submit" value="save" id="submitButton">'+
      '</form>');

    $('#page1').trigger('create');    
});

使用jquery附加jquery移动日期框

1 个答案: