Question

我知道有很多类似的问题已经被问到，但没有一个问题能解决我的问题。我尝试了很多次，但是日期选择器仍然没有用。

所以在我的母版页

<head>
<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>
<head/>
 <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

 </asp:ContentPlaceHolder>

在我的内容页面（asp内容占位符1内的头部）

     // i tried this 4 way but still not work
     // $("[id$=txtStart]")
     // $("input[id$='date2']").datepicker(); 
     <%--<%=txtStart.ClientID%>--%>
    <%-- $("#<%=txtStart.ClientID %>")--%>

     $(document).ready(function () {
         $('[id$=txtStart]').datepicker({
             minDate: 0,
             dateFormat: 'dd/mm/yy',
             numberOfMonths: 2,
             onSelect: function (dateStr) {
                 var min = $(this).datepicker('getDate'); // Get selected date
                 min.setDate(min.getDate() + 1);
                 $('[id$=txtEnd]').datepicker('option', 'minDate', min); // Set other min, default to today

             }
         });

  //another datepicker same as above
         $('[id$=txtEnd]').datepicker({
            .....
             }
         });


     });

这是我的控制

   <td class="auto-style3"><asp:TextBox ID="txtStart" runat="server" > </asp:TextBox>
   <td class="auto-style3"><asp:TextBox ID="txtEnd" runat="server" > </asp:TextBox>

Answer 1

您的代码应为

 $(document).ready(function () {
         $("#<%=txtStart.ClientID%>").datepicker({
             minDate: 0,
             dateFormat: 'dd/mm/yy',
             numberOfMonths: 2,
             onSelect: function (dateStr) {
                 var min = $(this).datepicker('getDate'); // Get selected date
                 min.setDate(min.getDate() + 1);
                 $("#<%=txtEnd.ClientID%>").datepicker('option', 'minDate', min); // Set other min, default to today

             }
         });

     });

Answer 2

我已经使用此代码测试并正常运行：

<script>
    $(document).ready(function () {

        var dtStart = $('[id$=txtStart]'),
            dtEnd = $('[id$=txtEnd]');

        $('[id$=txtStart]').dateRangePicker(
        {
            separator: ' to ',
            getValue: function() {
                if (dtStart.val() && dtEnd.val())
                    return dtStart.val() + ' to ' + dtEnd.val();
                else
                    return '';
            },
            setValue: function(s, s1, s2) {
                dtStart.val(s1);
                dtEnd.val(s2);
            }
        });
    });
</script>

思考我会建议another datepicker range 。

然后你的代码将是：

<link rel="stylesheet" href="//longbill.github.io/jquery-date-range-picker/daterangepicker.css"/>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="//longbill.github.io/jquery-date-range-picker/jquery.daterangepicker.js"></script>

和您的母版页：

{
    "size": 0,
    "aggregations": {
        "tagcloud": {
            "terms": {
                "field": "body.body",
                "size": "20",
                "exclude": ["فى", "في", "كل", "لم", "لن", "له", "من", "هو", "هي", "قوة", "كما", "لها", "منذ", "وقد", "ولا", "لقاء", "مقابل", "هناك", "وقال", "وكان", "وقالت", "وكانت", "فيه", "لكن", "وفي", "ولم", "ومن", "وهو", "وهي", "يوم", "فيها", "منها", "يكون", "يمكن", "حيث", "االا", "اما", "االتى", "التي", "اكثر", "ايضا", "الذى", "الذي", "الان", "الذين", "ابين", "ذلك", "دون", "حول", "حين", "الى", "انه", "اول", "انها", "ف", "و", "و6", "قد", "لا", "ما", "مع", "هذا", "واحد", "واضاف", "واضافت", "فان", "قبل", "قال", "كان", "لدى", "نحو", "هذه", "وان", "واكد", "كانت", "واوضح", "ب", "ا", "أ", "،", "عن", "عند", "عندما", "على", "عليه", "عليها", "تم", "ضد", "بعد", "بعض", "حتى", "اذا", "احد", "بان", "اجل", "غير", "بن", "به", "ثم", "اف", "ان", "او", "اي", "بها", "rt", "http", "الله", "محمد", "إن", "t.co", "أن", "https", "الملك", "إلا", "السعودية", "عاجل", "إلى", "لك", "هل", "سلمان", "عين", "اللهم", "سبيل", "قل", "شيء", "العظيم", "سبحان", "الجنه", "لو", "وبحمده", "باتت", "وعين", "نخلة", "تغرس", "خشية", "بكت", "تحرس", "عينان", "لاتمسهما", "الحج", "أو", "بكل", "داعش", "الرحمن", "إنه", "بصير", "الطير", "أولم", "يروا", "فوقهم", "صافات", "يمسكهن", "ويقبضن", "وزير", "إله", "الحمد", "الأمير", "t", "الدارسين_على_حسابهم_يناشدون_بانضمامهم", "azzamaldakhil", "يارب", "هم", "نحن", "والله", "لنا", "يا", "عزام", "ربي", "ستكون", "انا", "وانا", "بأن", "ي", "بالله", "سوف", "لـ", "معنا", "اللي", "ولكن", "الي", "لهم", "عنا", "خلال", "حسبي", "شي", "بإذن", "الدارسين_على_حسابهم_ينا", "الدارسين_على_حسابهم_ي", "الدارسين_على_حسابهم_يناشد", "الدارسين_على_حسابهم_", "الدارسين_على_حسابهم_يناشدو", "الدخيل", "الدارسين_على_حسابهم_الخاص", "الدارسين_على_حسابهم_ين", "الوزارة", "وظيفتك_وبعثتك", "بين", "الوزير", "منك", "التعلم", "بدون", "نريد", "ونحن", "علي", "معا", "وزارة", "متى", "معالي", "التعليم", "غدا", "منهم", "الا", "فيكم", "اليوم", "يجب", "عدم", "نفس", "htt"]
            }
        }
    },
    "query": {
        "bool": {
            "must": [{
                "range": {
                    "body.postedTime": {
                        "gte": "2015-12-09T00:00:00Z",
                        "lte": "2015-12-09T09:01:38Z"
                    }
                }
            }, {
                "query_string": {
                    "fields": ["body.gnip.matching_rules.tag"],
                    "query": "King1 OR King2 OR King3 OR KingEng1 OR KingEng2 OR KingEng3 OR KingEng4 OR USAKSA2 OR USAKSA1 OR USAKSA3 OR USAKSA4 OR King4 OR KingEng5 OR USAKSA5 OR King6 OR King7 OR King8 OR BINNAIF1 OR BINNAIF2 OR BINNAIFENG OR BINNAIF3 OR BINSALMAN1 OR BINSALMAN2 OR BINSALMANENG"
                }
            }]
        }
    }
}

结果：

主页中的Jquery datepicker

2 个答案: