Question

<td>
    <ul class="input-list style-1 clearfix">
        <li>
            <input id="req_date" type="text" />
                                    @*
            <div gldp-el="mydate" style="width:320px; height:200px; position:absolute;top:30px;left:0px;z-index:1000;"></div>*@

        </li>
    </ul>
</td>
$('#req_date').glDatePicker();

$('.editimg').click(function () {
    var row_num = parseInt($(this).parent().index()) + 1;
    var parentcrimsId = $(this).closest('tr').find('td:eq(1)').text();
    var childcrimsId = $(this).closest('tr').find('td:eq(2)').text();

    $.ajax({
        type: "GET",
        url: '/Home/Editcrims',
        //   data: JSON.stringify(SearchDetails),
data: { Cr_ParentId: parentcrimsId.trim(), Cr_childId:childcrimsId.trim() },
        // contentType: "application/json;charset=utf-8",
        dataType: "json",
        //   processData: true,
        success: function (data, status, xhr) {

            $.each(data, function (index) {
$('#req_date').val(data[index].Requested_Date);
},
     error: function (xhr) {
            alert(xhr.responseText);
        }
    });

这里我添加了我的代码无法获取datepicker，当我尝试通过ajax方法在编辑时为输入文本控件分配日期值。 Datepicker日历未显示。请帮助我当我将日期值分配给控件时，我已尝试过bootstrap同样的问题。

编辑时我需要显示数据库中的日期，如果需要进行任何更改，我们需要从datecontrol中选择和修改日期。

我在jsfiddle中添加了我的错误代码：https://jsfiddle.net/44cce57j/2/

Answer 1

这是我测试的代码（源自库的基本示例），它与 $（document）.ready（）一起使用：

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <link href="styles/glDatePicker.default.css" rel="stylesheet" type="text/css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="glDatePicker.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $('#example').glDatePicker();
        });
    </script>
</head>
<body>
    <input type="text" id="example" />
</body>
</html>

GldatePicker没有显示日历

1 个答案: