在jQuery模式對話框中顯示jQuery日期選取器

在模態對話框中顯示datepicker似乎有問題。在jQuery模式對話框中顯示jQuery日期選取器

我使用：

$(".dpicker").datepicker({ 
     numberOfMonths: 2, 
     dateFormat: 'd M yy', 
     showButtonPanel: true 
    });

，以使在給定的輸入欄的日期選擇器。

請檢查小提琴：

http://jsfiddle.net/ozjyu9k5/3/

它的工作，除了同時模態對話框呈現。

任何建議使datepicker在對話框中工作？

請不要標記爲重複，因爲我搜索整個互聯網的工作解決方案，並沒有一個似乎工作。

來源

2015-04-01 Liviu valentyn

-2

嘗試使用JQuery UI日期選擇器。見下面代碼段（JsFiddle Demo）：

HTML代碼：

<p>HTML5 Date: <input type="date" placeholder="html5 date:" /></p> 

<p><input id="Button1" type="button" value="Get DatePicker Value" title="Get DatePicker Value" /></p>

腳本

// Insert placeholder as prefix in the value, when user makes a change. 
$(".datepicker").datepicker({ 
    onSelect: function(arg) { 
     $(this).val($(this).attr("placeholder") + arg); 
    } 
}); 

// Display value of datepicker 
$("#Button1").click(function() { 
    alert('call val(): {' + $("input").val() + '}'); 
});

感謝，

〜CHANDAN

來源

2015-04-01 10:52:39

這不是我想要的。我需要將它顯示在模式對話框中，否則很容易。檢查我的小提琴，已經做了你所做的。 – 2015-04-01 11:09:27

@Liviuvalentyn查看此連結：http://jsfiddle.net/sudiptabanerjee/93eTU/ – 2015-04-01 11:19:48

@Liviuvalentyn或使用Bootstrap在模態內顯示datepicker，請參閱此鏈接：http：// codepen。io/Sinetheta/pen/Ftjwi – 2015-04-01 11:21:34

爲什麼不使用像this one這樣的彈出窗口。您可以在official API page上看到完整的api。

它應該是這樣的：

datepicker

當你在輸入框中單擊它會告訴你這樣

datepicker open 對話框

您的代碼將是這樣的：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

來源

2015-04-03 17:03:26 Bram

是的，但我的問題是，在JQuery UI模式窗口中顯示JQuery UI日期選擇器不起作用。否則它的工作。 – 2015-04-07 03:25:04

我能夠通過用下面的代替你包含的jQuery UI JS和CSS文件（外部資源）來獲得在小提琴中工作的datepicker：

//code.jquery.com/ui/1.11.4/themes/平滑/ jQuery的ui.css

//code.jquery.com/ui/1.11.4/jquery-ui.js

來源

2015-04-10 13:07:52

在jQuery模式對話框中顯示jQuery日期選取器

回答

相關問題