How to add datepicker in asp.net MVC

<div class="editor-field">
           @Html.LabelFor(model => model.DOB)
 </div>

 <div class="editor-field">
            @Html.TextBoxFor(model => model.DOB, new {id = "date-picker",@onchange="getage(this.value);" })
            @Html.ValidationMessageFor(model => model.DOB)
  </div>

 <p id="val"></p>




<script type="text/javascript">
    debugger
    $(document).ready(function () {
        debugger
        // This will make every element with the class "date-picker" into a DatePicker element
        $('#date-picker').datepicker();
     
       
    });
    function getage(dob) {
        debugger

        var myyear = dob.substring(6, 10);
        var mymonth = dob.substring(0, 2);
        var myday = dob.substring(3, 5);
       
        today_date = new Date();
        today_year = today_date.getFullYear();
        today_month = today_date.getMonth();
        today_day = today_date.getDate();
        age = today_year - myyear;

        if (today_month < (mymonth - 1)) {
            age--;
        }
        if (((mymonth - 1) == today_month) && (today_day < myday)) {
            age--;
        }
       

        document.getElementById("val").innerHTML = age;

       
    }
</script>

Comments

Post a Comment

Popular posts from this blog

how to save images with angular nodejs

 There are two ways to save images. 1) store image in database by converting it to binary format. 2) copy image in your project folder then save image path in table. ------- 1st way with front end angular------ pass uploaded file in "handleFileInput" function.  saveImage ( files :  FileList ) {    var   file : File  =  files . item ( 0 );    var   myReader : FileReader  =  new   FileReader ();    myReader . onloadend  = ( e )  =>  {      this . image  =  myReader . result ;   }    myReader . readAsDataURL ( file );    //convert to base64 ends } now you will get  binary format image in this.image variable. save this converted image directly to database through API. ------2nd way with api nodejs------ we can use "multer" to copy file in project folder. const   multer  =  require ( 'multer'...
Read more

How to add splash screen and app icon with ionic capacitor angular android app

step 1. first Install  npm install capacitor-resources -g  step 2. add bellow code to your package.json "scripts": { ... "resources": "capacitor-resources -p android,ios" } step 3. Now  Add your  icon.png (1024x1024 px)   and   splash.png (2732x2732 px)  in resources folder. Create new resources folder if its is not exists at the same location where package.json exists. step 4. Now run "npm run resources" command and that's it.  
Read more