How Do I Open The Window In A Date Type Input Through Code
Solution 1:
As Slim said you don't have control as programmer. He's true Read This
However there are some situation where we can't do new implementation for a reason so for such situation, you can make it work using CSS. What you need to do is just apply css rule to your input in a way that it covers your span element. Make color and background-color as transparent so it won't see by the user but when user click on span it actually execute input date click.
Hope it works.
Solution 2:
As programmer you have no control over the html5 datepicker, because its a browser specific feature and this datepicker only appears in a few actual browsers.
Why don't you want to use the input field? You can style the input field with css and it will look like a span element:
#tdate {
border: none;
display: inline;
}
jQuery UI
or use the jquery ui datepicker: https://jqueryui.com/datepicker/ which you can trigger with:
$('span').click(function () {
$('#tdate').datepicker("show");
});
if you in this case want to hide the input field then you can eventually use
input {
height: 0;
border: none;
}
UI Bootstrap
or for angularJS use https://angular-ui.github.io/bootstrap/#/datepicker
you can open this picker with an attribute and change this click on the span: is-open=true
Post a Comment for "How Do I Open The Window In A Date Type Input Through Code"