标签: jquery-ui-datepicker

我是一名即将完成项目的初学者。我从 JqueryUI 添加了这个日期选择器，因为我的要求是只应禁用“星期日”，并且日期应限制为从明天到接下来的 10 天。我尝试使用其他日期选择器，但没有一个起作用。然后我尝试用部分代码来实现它，并发现当我评论这一行时

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

日期选择器工作得很好！但如果没有上面的行，我的页面将无法正常运行。我的日期选择器代码的其余部分如下。

 <link rel="stylesheet" href="css/jquery-dp.css" />
 <script src="js/jquery-dp-1.js"></script>
 <script src="js/jquery-dp-2.js"></script>
 <link rel="stylesheet" href="/resources/demos/style.css" />
 <script>
     $(function() {
         $( "#datepicker" ).datepicker({ minDate: +1, 
         dateFormat:"yy-mm-dd",
     maxDate: "+0M +10D",
     beforeShowDay: function(date) {
                 var day = date.getDay();
                 return [(day != 0), ''];
             }
 });
});
</script>

那么现在我应该做什么来确保我的页面与日期选择器一起顺利运行。先感谢您。

我对 J-Query 不太了解，但我在我正在创建的程序中使用 J-Query UI 日期选择器。我的程序允许您预订公司的假期，但我想禁用日历上的每个圣诞节和每个新年，因为员工已经在这个日期休息了。谢谢

我有下面的代码以 Yii 形式显示日历输入。

<?php $this->widget('zii.widgets.jui.CJuiDatePicker', array(
                'name' => 'publish_date',
                'attribute' => 'publish_date',
                'model'=>$model,
                'options'=> array(
                  'dateFormat' =>'yy-mm-dd',
                  'defaultDate' => '2014-3-4',
                  'altFormat' =>'yy-mm-dd',
                  'changeMonth' => true,
                  'changeYear' => true,
                  'appendText' => 'yyyy-mm-dd',
                ),  
              )); 
 ?>

默认值适用于日历，但我想在表单渲染时默认在日历输入中显示它。

我该怎么做？

HTML

<input type="text" class="datepicker01">
<input type="text" class="datepicker02">

我有 2 个打开日期选择器的输入。我想将类添加到在第二个输入中打开的日期选择器 (class="datepicker2")。我怎样才能做到这一点？

http://jsbin.com/cixubuto/1/edit

我正在尝试在 jquery.ui.datepicker 中编辑 beforeShowDay 函数。这是我试图替换的日期选择器中的原始beforeShowDay 行：

beforeShowDay: null, // Function that takes a date and returns an array with
        // [0] = true if selectable, false if not, [1] = custom CSS class 
        name(s) or '',
        // [2] = cell title (optional), e.g. $.datepicker.noWeekends

我四处寻找试图找到正确的代码来替换它，但没有运气。我找到了这个小提琴； 在日期选择器中禁用 1 天

我已经编辑了这个小提琴并成功地使用以下代码禁用了星期五和星期六：

    $("#datepicker").datepicker({
    beforeShowDay: function(date) {
        return [date.getDay() == 0 || date.getDay() == 1 || date.getDay() == 2 || date.getDay() == 3 || date.getDay() == 4 ] ;
    }
});

但是，当我将其复制并粘贴到 …

我有我的UI datepicker,并尝试使用onSelect来预先设置你在#viewCalender中选择的日期:

        $(function() {
    $('#rangeA').daterangepicker({
        arrows: true, 
        onClose: function(event) {
            $('#calenderView').prepend('Ok!');
        },
        onSelect:
         function(){
            var day1 = $("#rangeA").datepicker('getDate').getDate();                  
            var month1 = $("#rangeA").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#rangeA").datepicker('getDate').getFullYear();
            var fullDate = year1 + "-" + month1 + "-" + day1;
             $('#calenderView').prepend(fullDate);
            }
    });
});

但是当我选择日期时没有任何反应.这有什么不对？

    onClose:
     function(){

        var date = $(".range-start").datepicker('getDate');
        var dateEnd = $(".range-end").datepicker('getDate');
        if(date != null){
            if(dateEnd != null){
            var day2 = dateEnd.getDate();
            var month2 = dateEnd.getDate();
            var year2 = dateEnd.getDate();
            var fullDate2 = year2 + "-" + …

我写了这个简单的代码来将事件附加到我的一个div.但事件似乎永远不会被解雇.这是我的代码:

$(function() {
    $(".ui-datepicker-prev").hover(function () {
      alert('H');
    });

    $(".ui-datepicker-prev").click(function () {
      alert('C');
    });

    $(".ui-datepicker-prev").mouseover(function () {
      alert('MO');
    });
});

PS我想将事件添加到jQuery DatePicker的next和prev按钮

开始时间,结束日期和结束时间变量.

日期变量已格式化 yyyy-mm-dd

时间变量已格式化hh-mm(但仅在小时数可用时,例如,分钟始终为00)

我可以将这些变量插入到我的数据库中没有问题,但在此之前,我想检查开始日期和时间是否在结束日期和时间之前.我知道如何检查时间是否更早,日期更早,但我无法一起检查时间和日期,我将不胜感激任何帮助？

$_POST['start_time']
$_POST['end_time']
$_POST['start_date']
$_POST['end_date']

是变量以及我如何抓住它们.

我需要在我的html页面的一个输入文本字段中设置日期,然后在设置日期后调用脚本并将新的日期值分配给另一个文本字段.使用第一个日期值计算新的日期值.我用$("#id").change()它.但它不像我预期的那样有效.这是我的代码.

<html>
    <head>
        <title>my file</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

        <!-- Load jQuery JS -->
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <!-- Load jQuery UI Main JS  -->
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script>
            $(function() {
                $("#firstDate,#lastDate").datepicker({dateFormat: 'dd-mm-yy'});
            });
        </script>

        <script>
            $(document).ready(function() {
                $("#firstDate").change(function(event) {
                    event.preventDefault();
                    var initialDate = ("#firstDate").val();
                    var totDate = initialDate;
                    var dateArray = totDate.split("-");

                    var dateObj = new Date(dateArray[2], dateArray[1] - 1, dateArray[0]);
                    dateObj.setDate(dateObj.getDate() + 14);
                    totDate = (dateObj.getDate() + 14) + "-" + dateObj.getMonth() + …

我需要帮助。datepicker在laravel视图文件上不起作用，请帮助如何使其工作

对于实时文件，我使用了以下方法：

{!! Html::script('http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css') !!}
{!! Html::script('https://code.jquery.com/ui/1.12.1/jquery-ui.js') !!}

<style>
    col-sm-2 control-label{
        text-align: left !important;
    }
</style>

然后在输入框中输入id =“ datepicker”