0

我遵循 Grocery CRUD 网络文档中的指南http://www.grocerycrud.com/examples/callback_edit_field_example

我想这是插入时为输入字段设置默认值的方法之一。我正在尝试使用相同的方法设置日期输入字段的默认值。日期值确实出现在该字段中,但 jquery 日期选择器功能不再可用。

是否有人尝试在 Grocery CRUD 中设置日期的默认值但仍保留其 jquery datepicker 功能?

提前致谢!

4

3 回答 3

4

我发现了一种使用不可编辑的默认值的简单方法是

$this->grocery_crud->callback_add_field('BookedDate', function(){ return date('y-m-d'); });

这将在日期字段上设置今天的日期,但这是不可编辑的。

于 2016-02-28T17:18:43.897 回答
3

这个功能实际上并不存在于杂货店 CRUD 中。因此,我们将尝试使用一个小的“hack”来获得预期的结果。下面的代码将为您正常工作:

$crud = new grocery_CRUD();
....

if( $crud->getState() == 'edit' ) { //add these only in edit form
    $crud->set_css('assets/grocery_crud/css/ui/simple/'.grocery_CRUD::JQUERY_UI_CSS);
    $crud->set_js_lib('assets/grocery_crud/js/'.grocery_CRUD::JQUERY);
    $crud->set_js_lib('assets/grocery_crud/js/jquery_plugins/ui/'.grocery_CRUD::JQUERY_UI_JS);
    $crud->set_js_config('assets/grocery_crud/js/jquery_plugins/config/jquery.datepicker.config.js');
}

$crud->callback_edit_field('phone',array($this,'_add_default_date_value'));

....
$output = $crud->render();
....


function _add_default_date_value($value){
    //The below line is only to avoid the error in JavaScript
    $return  = '<script type="text/javascript">var js_date_format = "dd/mm/yyyy"; </script>';

    $value = !empty($value) ? $value : date("d/m/Y");
    return $return.'<input type="text" name="phone" value="'.$value.'" class="datepicker-input" />';
}
于 2012-12-10T23:00:21.227 回答
2

谢谢约翰!

我正在寻找在添加输入页面中出现在输入表单中的默认日期值。我对您的示例进行了一些更改

$crud = new grocery_CRUD();
....

if( $crud->getState() == 'add' ) { //add these only in add form
    $crud->set_css('assets/grocery_crud/css/ui/simple/'.grocery_CRUD::JQUERY_UI_CSS);
    $crud->set_js('assets/grocery_crud/js/jquery_plugins/config/jquery.datepicker.config.js');
}

$crud->callback_add_field('date',array($this,'_add_default_date_value'));

....
$output = $crud->render();

function _add_default_date_value(){
        $value = !empty($value) ? $value : date("d/m/Y");
        $return = '<input type="text" name="date" value="'.$value.'" class="datepicker-input" /> ';
        $return .= '<a class="datepicker-input-clear" tabindex="-1">Clear</a> (dd/mm/yyyy)';
        return $return;
}

有用!

于 2012-12-11T10:38:14.590 回答