Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs引导日期选择器:选择多个日期_Javascript_Jquery_Angularjs_Angular Ui - Fatal编程技术网

Javascript Angularjs引导日期选择器:选择多个日期

Javascript Angularjs引导日期选择器:选择多个日期,javascript,jquery,angularjs,angular-ui,Javascript,Jquery,Angularjs,Angular Ui,我正在尝试使用有角度的UI日期选择器。如何从日期选择器中选择多个日期并以数组形式返回值 您正在使用的指令不支持所需的多日期选择器。您总是可以选择类似的方法,但不一定坚持使用角度指令 在这方面,您的选择相当有限,除非您按照自己希望的方式自定义指令。您可以使用gm.datepickerMultiSelect指令,该指令围绕ui引导datepicker指令,添加了多选功能 <div ng-controller='AppCtrl'> <datepicker ng-model='

我正在尝试使用有角度的UI日期选择器。如何从日期选择器中选择多个日期并以数组形式返回值


您正在使用的指令不支持所需的多日期选择器。您总是可以选择类似的方法,但不一定坚持使用
角度指令


在这方面,您的选择相当有限,除非您按照自己希望的方式自定义指令。

您可以使用gm.datepickerMultiSelect指令,该指令围绕ui引导datepicker指令,添加了多选功能

<div ng-controller='AppCtrl'>
    <datepicker ng-model='activeDate' multi-select='selectedDates'></datepicker>
</div>


var myApp = angular.module('myApp',['gm.datepickerMultiSelect']);

function AppCtrl($scope) {
    $scope.activeDate;

    //THIS IS WHERE YOU CAN INITIALIZE VALUES
    $scope.selectedDates = [new Date().setHours(0, 0, 0, 0), new Date(2015, 2, 20).setHours(0, 0, 0, 0), new Date(2015, 2, 10).setHours(0, 0, 0, 0), new Date(2015, 2, 15).setHours(0, 0, 0, 0)];

    $scope.removeFromSelected = function (dt) {
        $scope.selectedDates.splice($scope.selectedDates.indexOf(dt), 1);
    }
}

var myApp=angular.module('myApp',['gm.datepickerMultiSelect']);
函数AppCtrl($scope){
$scope.activeDate;
//这是您可以初始化值的地方
$scope.selectedDates=[new Date().setHours(0,0,0,0),new Date(2015,2,20),setHours(0,0,0,0),new Date(2015,2,10),setHours(0,0,0,0),new Date(2015,2,15),setHours(0,0,0)];
$scope.removeFromSelected=函数(dt){
$scope.selectedDates.splice($scope.selectedDates.indexOf(dt),1);
}
}
我的博客上有一篇关于这个的文章
另外,这里还有一个可以使用的JSFIDLE,我看不出原因,它不是多文件选择。你能举例说明原因吗。我真的没见过这样的东西。DatePIcker只支持一次约会,我想他的意思是在航空公司预订度假时。您可以选择多天。Angular ui的datePicker不支持这一点,所以@Abre必须创建自己的指令。如果这就是问题所在,那么看看我写的一个模块,它扩展了UI引导的日期选择器来选择多个日期。