Javascript 改变';选择';键入一个';日期';键入值更改
我在表格中给出了一个选择选项,并给出了它的值。 喜欢 1.每日 2.每周 3.每月 之后,我有另一个选择选项。我想在第一个字段中选择“每月”选项时,将该选择选项更改为日期类型。这可能吗 我的html代码Javascript 改变';选择';键入一个';日期';键入值更改,javascript,html,angularjs,ionic-framework,Javascript,Html,Angularjs,Ionic Framework,我在表格中给出了一个选择选项,并给出了它的值。 喜欢 1.每日 2.每周 3.每月 之后,我有另一个选择选项。我想在第一个字段中选择“每月”选项时,将该选择选项更改为日期类型。这可能吗 我的html代码 <!--Select Data Range and the Frequency --> <label class="labelColor"><h5><b>Select Data Range and the Frequency *</b&g
<!--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">
<input style=width:100px placeholder="To Date" class="textbox-n" ng-model="toDate" type="text" onfocus="(this.type='date')" id="date">
<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>
因此,基本上,我想知道如果要将我的选择选项更改为日期类型,在我的最后一个else中编码什么。我建议您隐藏选择并显示另一个表示日期选择器的控件。@Max-您为什么要讽刺?这增加了什么价值?@Max-如果你不想帮忙,没关系,“将选择更改为日期类型”是什么意思?在我看来,没有日期选择类型。只有一个类型为“date”的输入元素。我知道没有日期选择类型。你不理解我。我想把我的选择类型变成日期类型。我开始认为这是唯一的方法
$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") {
}
};