HiI have 2 dates after selecting of 1st date by default 2nd date display next year dateThis is what i have tried my endCould you please help me function DisplayPolicyEndDate var result 34Psd34val change number according to your convience var toDate new DateresultsetFullYearresultgetFullYear 1 toDate new DatetoDatesetDatetoDategetDate 1 toDate toDategetMonth 1 3434 toDategetDate 3434 toDategetFullYe

Hi mahesh213Refer below codeModelpublic class PolicyModel public string Psd get set public string PolicyEndDate get set Controllerpublic class HomeController Controller GET Home public ActionResult Index return Viewnew PolicyModel Viewmodel 696140BootstrapDatePickerSetDateMVCModelsPolicyModel Layout nullltDOCTYPE htmlgtlthtmlgtltheadgt ltmeta name34viewport34 content34widthdevicewidth34 gt lttitlegtIndexlttitlegt ltlink rel34stylesheet34 type34textcss34 href34httpsmaxcdnbootstrapcdncombootstrap341cssbootstrapmincss34gt ltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery341jqueryminjs34gtltscriptgt ltscript type34textjavascript34 src34httpsmaxcdnbootstrapcdncombootstrap341jsbootstrapminjs34gtltscriptgt ltlink rel3

Set Bootstrap DatePicker Date based on another DatePicker selection using jQuery in ASP.Net MVC

mahesh21...

SOLVED CLOSED ACTIVE ANSWERED
User: mahesh213
Posted: on May 24, 2020 06:05 AM
Forum: ASP.Net MVC
Answer: 1
Views: 4025

Hi,

I have 2 dates after selecting of 1st date by default 2nd date display next year date

This is what i have tried my end

Could you please help me

function DisplayPolicyEndDate() {
    var result = $("#Psd").val();
    //change number according to your convience
    var toDate = new Date(result.setFullYear(result.getFullYear() + 1));
    toDate = new Date(toDate.setDate(toDate.getDate() - 1));
    toDate = (toDate.getMonth() + 1) + "/" + toDate.getDate() + "/" + toDate.getFullYear();
    alert(toDate);
}

@Html.TextBoxFor(a => a.Psd, new { @class = "form-control", @id = "Psd", @onchange = "DisplayPolicyEndDate()" })
@Html.TextBoxFor(a => a.PolicyEndDate, new { @class = "form-control", @id = "dtpolicyenddate" })

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- Bootstrap DatePicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js" type="text/javascript"></script>

$(document).ready(function () {
    $('#Psd').datepicker({
        changeMonth: true,
        changeYear: true,
        format: "dd/mm/yyyy",
        language: "tr",
        //startDate: startDate,
        // endDate: endDate,
        //multidate: multiDate,
        todayHighlight: todayHighlight
    });
}

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on May 24, 2020 06:13 AM
Modified: on May 29, 2020 01:15 AM
Report

Hi mahesh213,

Refer below code.

Model

public class PolicyModel
{
    public string Psd { get; set; }
    public string PolicyEndDate { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View(new PolicyModel());
    }
}

View

@model _696140_Bootstrap_DatePicker_Set_Date_MVC.Models.PolicyModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#Psd').datepicker({
                changeMonth: true,
                changeYear: true,
                format: "dd/mm/yyyy",
                language: "tr",
                todayHighlight: true
            }).on('changeDate', function (ev) {
                var selectedDate = ev.date;
                selectedDate = new Date(selectedDate.setFullYear(selectedDate.getFullYear() + 1));
                toDate = ('0' + selectedDate.getDate()).slice(-2) + "/" + ('0' + (selectedDate.getMonth() + 1)).slice(-2) + "/" + selectedDate.getFullYear();
                $("#dtpolicyenddate").val(toDate).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    format: "dd/mm/yyyy",
                    language: "tr"
                });
            });
        });
    </script>
</head>
<body>
    @using (Html.BeginForm())
    {
        @Html.TextBoxFor(a => a.Psd, new { @class = "form-control", @id = "Psd", @readonly = "readonly" })
        @Html.TextBoxFor(a => a.PolicyEndDate, new { @class = "form-control", @id = "dtpolicyenddate", @readonly = "readonly" })
    }
</body>
</html>

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Set Bootstrap DatePicker Date based on another DatePicker selection using jQuery in ASP.Net MVC

Company

Explore

Follow us

Contact Us