Angularjs 如何使用日期设置材质设计滑块

我想建立一个滑块与材料设计（角度）的组成部分，但与日期，而不仅仅是数字工作

首先，可能吗

我的代码是：

<md-slider-container>
     <md-slider ng-model="vm.slider" aria-label="nav Date" flex md-discrete></md-slider>
     <md-input-container>
          <input flex type="date" ng-model="vm.slider" aria-label="green" aria-controls="green-slider">
     </md-input-container>
</md-slider-container>

默认情况下，输入类型设置为数字，但它不适用于日期、对象和mt控制器中具有某个日期的数组

---

有什么想法吗？

请查看以下日期滑块的工作演示：-

angular.module（'example'，['ngAria'，'ngAnimate'，'ngMaterial']）；
角度.module（'example'）.controller（'MainCtrl'，function（$scope）{
//设置滑块的最小和最大日期，如下所示；-
//注：请使用日期格式为MM/dd/yyyy
$scope.minDate=“01/14/2016 12:00”；
$scope.maxDate=“01/31/2017 15:30”；
$scope.$watch（'slider'，函数（值）{
如果（值！=未定义）{
var updateDate=新日期（$scope.minDate）；
$scope.selectedDate=getFormattedDate（updatedDate.setTime（updatedDate.getTime（）+（值*30*60*1000））；//设置滑块上的更新日期
}         
})
函数getFormattedDate（stDate）{
var sDate=新日期（stDate）；
返回sDate；
}
函数dayDiff（第一个日期，第二个日期）{
var minDate=新日期（firstDate）；
var maxDate=新日期（第二个日期）；
var timeDiff=Math.abs（maxDate.getTime（）-minDate.getTime（））；
var diffDays=数学单元（timeDiff/（1000*3600*24））；
返程天数；
}
$scope.selectedDate=新日期（$scope.minDate）；
$scope.sliderrorge=dayDiff（$scope.minDate，$scope.maxDate）；//这将为您提供开始日期和结束日期之间的范围
});

我的Angular应用程序
此链接可能会对您有所帮助。我已经看到了此链接，但它仅适用于本月，我需要完整的日期。请检查答案，我想我能够实现您的愿望。谢谢这似乎有效，我必须修改一些错误，但没关系：）谢谢你建议修改日期时间范围滑块？@AnkurAkvaliya我很抱歉反应太晚，我已经按照你的建议修改了解决方案。