0
私はそれがダミーの質問だと知っていますが、2日間のソリューションの検索に費やしたことはありませんでしたので、plzに助けてください...私はjqgrid ..と "From Date"エディットモードでは、すべての時間であることが必要..しかし、日付ピッカーが自動的に飛び出し、私はそれがフィールド上でクリックすると飛び出したくます。..ここに私のコードdatepickerはjqgridに読み込まれると自動的にポップアップする
<script type="text/ecmascript" src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<!-- We support more than 40 localizations -->
<script type="text/ecmascript" src="resources/grid.locale-en.js"></script>
<!-- This is the Javascript file of jqGrid -->
<script type="text/ecmascript" src="resources/jquery.jqGrid.js"></script>
<!-- A link to a Boostrap and jqGrid Bootstrap CSS siles-->
<script type="text/ecmascript" src="resources/bootstrap-datepicker.js"></script>
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="resources/ui.jqgrid-bootstrap.css" />
<link rel="stylesheet" type="text/css" media="screen" href="resources/bootstrap-datepicker.css" />
\t
\t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
$(document).ready(function() {
$("#jqGrid").jqGrid({
data: data.rows,
//url: "data.json",
datatype: "local",
styleUI : "Bootstrap",
colModel: [
{ label: 'Order ID', name: 'OrderID', key: true, width: 75, hidden:true },
{ label: 'From Date', name: 'FromDate', width: 150,id: "datepicker",
\t editable: true,
edittype:"text",
editoptions: {
dataInit: function (element) {
$(element).datepicker({ \t
\t \t \t \t \t \t \t \t \t format: 'yyyy-mm-dd',
});
},
},
},
{ label: 'Customer ID', name: 'CustomerID', width: 150},
{ label: 'Ship Name', name: 'ShipName', width: 200},
{
\t label :'Row Data',
name: 'RowData',
align : 'center',
formatter: function() {
return "<img src='resources/icon.jpg' onclick='OpenDialog(this)' alt='Data Row' />";
width = 15;
}
},
],
\t \t \t \t onSelectRow: editRow,
\t \t \t \t viewrecords: true,
\t \t \t \t editurl : "JqGridServlet",
width: 780,
height: 200,
rowNum: 20,
\t \t \t \t rowList : [20,30,50],
rownumbers: true,
rownumWidth: 25,
multiselect: true,
pager: "#jqGridPager",
\t loadComplete: function() {
\t var $this = $(this), ids = $this.jqGrid('getDataIDs'), i;
\t for (i = 0; i < ids.length; i++) {
\t $this.jqGrid('editRow', ids[i]);
\t }
\t
\t }
});
$('#jqGrid').navGrid("#jqGridPager", {
\t edit: false,
\t add: true,
\t del: false,
\t refresh: true,
\t view: false
\t });
});、ここでは、スクリーンショットです
anyhelpは非常に私は、これは周りの仕事はあなたのCSSにこれを追加することです日付ピッカーのバグだと思い