使用JQuery Datepicker进行CakePHP日期验证

时间:2013-06-24 18:35:51

标签: jquery-ui cakephp cakephp-2.1

我正在尝试将JQuery的datepicker与CakePHP一起使用。我似乎无法弄清楚如何做到这一点 同时还使用CakePHP的内置日期验证并允许任何日期格式。 我遇到的任何答案都涉及复杂的解决方案。 我觉得必须有一个简单的方法来做到这一点,似乎是一个JQuery datepicker很常见。

目前,我正在通过将日期转换为CakePHP日期数组来尝试此操作 格式

array( 'day' => '21', 'month' => '3', 'year' => '1993' )

输入无效数据时会出现问题。它在任何空日期放置两个空格 字段和strtotime将空格计为“现在”。所以,如果无效数据是 输入,并且用户重新发送数据,它会导致任何空的日期字段(不是必需的) 被保存为今天的日期。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

尝试这样的事情:

在模特:

/*...*/
    $validate = array( 
        'your_date' => array(
            'date' => array(
                //Add 'ymd' to the rule.
                'rule' => array('date', 'ymd'),
                'message' => 'Please select a valid birth date.',
            ),
        ),
    );
/*...*/

在控制器中:

//Put into a function so you can reuse the same code.
function convertDates( &$data ){
    if (!empty($data['date_of_birth']) && strtotime($data['date_of_birth']) ){
        $data['date_of_birth'] = date('Y-m-d', strtotime($data['date_of_birth']));
    }
}

调用上述函数的函数:

public function add() {
    /*...*/
    //Convert the dates to YYYY-MM-DD format before attempting to save.
    $this->convertDates( $this->request->data['ModelName'] );
    /*...*/
}

在视图中:

/*...*/
//Make input form a text field, and give it a class of datepicker (or whatever).
echo $this->Form->input('date_of_birth', array(
    'class'=>'datepicker', 'type'=>'text','label'=>'Date of Birth'
    )
);
/*...*/

然后在底部添加初始化脚本:

<script>
//Initialize your datepicker at the bottom.
    $(document).ready(function() {
        $( "input.datepicker" ).datepicker({
            yearRange: "-100:+50",
            changeMonth: true,
            changeYear: true,
            constrainInput: false,
            showOn: 'both',
            buttonImage: "/img/calendar.png",
            buttonImageOnly: true
        });
    });
</script>