Pop up calender in vb.net

Reply

Member

171 Points

Pop up calender in vb.net

Jun 11, 2019 03:02 AM|shsu|LINK

I am using below code for the pop up calendar. In my UPDATE COMMAND(VB.NET),I want to use the html textbox (from_filter) value.

ACTUALLY Delproof.Text is a asp.net text box. I want to use html textbox instead of Delproof.Text. how can I modify the code. Thanks

cmd.CommandText = "update XXTEC_TSS_SHIP_ORDER_HDR_IF set POD_DATE=TO_DATE('" + Delproof.Text + "','mm/dd/yy') where ID ='" + de.Text + "'

$( function() {
             //today=new Date(1000*today);
         var dateFormat = "mm/dd/yy",
          from = $("#from_filter")
            .datepicker({
              defaultDate: "+0w",
              changeMonth: false,
              numberOfMonths: 1
            })
            .on( "change", function() {
              to.datepicker( "option", "minDate", getDate( this ) );
            }),
          to = $( "#to_filter" ).datepicker({
            defaultDate: "+0w",
            changeMonth: false,
            numberOfMonths: 1
          })

          .on( "change", function() {
            from.datepicker( "option", "maxDate", getDate( this ) );
          });
         function getDate( element ) {
          var date;
          try {
            date = $.datepicker.parseDate( dateFormat, element.value );
          } catch( error ) {
            date = NULL;
          }

          return date;
         }
         } );
         $('.from_icon').click(function(){
          $("#from_filter").datepicker("show");

         });
           $('.to_icon').click(function(){
          $("#to_filter").datepicker("show");

});
</script>

Thanks

Reply

Yongqing Yu

Contributor

2820 Points

803 Posts

Re: Pop up calender in vb.net

Jun 11, 2019 08:02 AM|Yongqing Yu|LINK

Hi shsu,

According to your requirement, I suggest you could choose Datepicker plug-in with jquery in your webpage.

You could refer to this tutorial on this plug-in from this link: https://jqueryui.com/datepicker/

First, download the latest version of this plug-in from this link: https://jqueryui.com/download/all/

Then, create a TextBox control in your webpage,refer to the download file with jquery-ui.min.css and jquery-ui.min.js to ensure your webpage can use Datepicker plug-in.

Noted that we should refer to a jquery file before you refer the Datepicker plug-in.

Finally, call the Datepicker plug-in with jquery,then the calender will pop up under the TextBox control.

For more details, you could refer to the following code:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <link href="../jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" />
    <script src="../jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div> 
            <asp:TextBox ID="datepicker" runat="server"></asp:TextBox>
        </div>
    </form>
</body>
</html>

The result of my work demo:

Best Regards,

YongQing.

MSDN Community Support

Please remember to click "Mark as Answer" the responses that resolved your issue.

If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.