将“选择”类型更改为值更改时的“日期”类型

我在表单中给出了一个选择选项并给出了它的值。像 1.日常 2.Weekly 3.Monthly将“选择”类型更改为值更改时的“日期”类型

之后，我有另一种选择option.I希望该选择选项更改为日期类型在第一场选择“每月”选项。这可能吗？

我的HTML代码

<!--Select Data Range and the Frequency --> 


<label class="labelColor"><h5><b>Select Data Range and the Frequency *</b></h5></label> 

<div class="row"> 

    <input style=width:100px placeholder="From Date" class="textbox-n" ng-model="fromDate" type="text" onfocus="(this.type='date')" id="date">&nbsp; 

    <input style=width:100px placeholder="To Date" class="textbox-n" ng-model="toDate" type="text" onfocus="(this.type='date')" id="date">&nbsp; 

    <select style=width:100px type="select" class="textbox-n" id="freq" ng-model="user.freq" ng-change="changeFields()" ng-disabled="isDisabled" ng-options="frequency.name for frequency in frequencysArr" name="freq"> 
     <option id="default" value="" selected="selected">--Select--</option> 
    </select> 

</div><br> 


<!--Select Start Day --> 

<label class="labelColor"><h5><b>Select Start Date *</b></h5></label><br> 

<select style=width:100px type="select" class="textbox-n" id="startDate" ng-disabled="disableFields" ng-model="user.startDate" ng-options="date.name for date in datesArr" name="startDate"> 

    <option id="default" value="" selected="selected">--Select--</option> 
</select>

我的JS

$scope.frequencysArr = [{ "id": "1", "name": "Daily" }, { "id": "2", "name": "Weekly" }, { "id": "3", "name": "Monthly" }] 

$scope.changeFields = function() { 


    if ($scope.user.freq.name == "Daily") { 
     $scope.disableFields = true; 
    } 
    else if ($scope.user.freq.name == "Weekly") { 
     $scope.disableFields = false; 
     $scope.datesArr = [{ "id": "1", "name": "Sunday" }, { "id": "2", "name": "Monday" }, { "id": "3", "name": "Tuesday" }, { "id": "3", "name": "Wednesday" }, { "id": "3", "name": "Thursday" }, { "id": "3", "name": "Friday" }, { "id": "3", "name": "Saturday" }] 

    } 
    else if ($scope.user.freq.name == "Monthly") { 

    } 
};

所以基本上我想知道什么码我在去年否则，如果序改变我的选择选项为日期类型。

来源

2014-10-27 CraZyDroiD

@Max - 你在讽刺什么？这增加了什么价值？ – 2014-10-27 09:51:40

@Max - 没关系，如果你不想帮助 – CraZyDroiD 2014-10-27 10:00:22

你是什么意思“改变选择日期类型”？ IMO没有日期选择类型。只有一个类型为“date”的输入元素。 – DanEEStar 2014-10-27 10:18:05

我建议你隐藏选择并显示代表日期选择器的另一个控件。

来源

2014-10-27 10:07:19

我开始认为这是唯一的方法 – CraZyDroiD 2014-10-27 10:10:28

将“选择”类型更改为值更改时的“日期”类型

回答

相关问题