javascript - Change 'select' type into a 'date' type on value change -

I have the options given to me and the options given in the given values ​​are like I- 1. Daily 2. Weekly 3 Seasonal

Then I have another option. I think that if you select the 'Monthly' option in the first field then choose to change to a date type. Is this possible?

My HTML code

  & lt ;! - Select data range and frequency - & gt; & Lt; Label class = "label collar" & gt; & Lt; H5 & gt; & Lt; B & gt; Select data range and frequency & lt; / B & gt; & Lt; / H5> & Lt; / Label & gt; & Lt; Div class = "row" & gt; & Lt; Input style = width: 100px placeholder = "date" class = "text box-n" ng-model = "sendet" type = "text" onfocus = "(this. Type = 'date')" id = "date; "& Gt; & Amp; Nbsp & Lt; Input style = width: 100px placeholder = "date" class = "textbox-n" ng-model = "toDate" type = "text" onfocus = "(this. Type = 'date')" id = "date;" & Gt; & Amp; Nbsp & Lt; Select style = width: 100px type = "select" class = "text box -n" id = "freq" ng-model = "user.freq" ng-change = "changefield ()" ng-disabled = "inactive" NG-Options = "Frequency for Frequency frequency. Name" ARR "name =" Freak ">  - Select - & lt ; / Option & gt; & lt; / select & gt; & lt; / div> 
 - Select start day -> gt; label class = "label collar "& Gt; & lt; h5 & gt; & lt; b & gt; Pick a start date & lt; / b & gt; & lt; / h5 & gt; & lt; / label & g T; & lt; br & gt; Select style = width: 100px type = "select" class = "text box-n" id = "startdate" ng-disabled = "disabled field" ng-model = "user .Startdate "ng-option =" date. Date dates are named "name =" beginners ">  - Select -   

My 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;} and if ($ scope.user.freq.name == "weekly") {$ scope.disableFields = false; {"Id": " {"Id": "3", "" "," name ":" Tuesday "}, {" id ":" id ":" 2 "," name ":" Monday "}, {"Id": "3", "name": "Wednesday"}, {"id": "3", "name": "Thursday"}, {"id": "3", "name" : "Friday"}, {"id": "3 "," Name ":" saturday "}]} and if ($ scope.user.freq.name ==" monthly ") {}};  

So basically I want to know what is the code in my last if the IRR has to change the option of my choice to a date type.

I suggest that you hide the selection and show another control that represents the date picker. ..