hiI put 2 textbox in page1txttime 2txtdatefor txttime I use below code to show time format in textbox like ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquerymask1140jquerymaskminjs34gtltscriptgt ltscript type34textjavascript34gt function

Hi nedashPlease refer the below code and modify as per your requirementHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquerymask1140jquerymaskminjs34gtltscriptgt ltscript type34textjavascript34gt function 39idtxtTime39mask39000039 34txtdate34mask340000000034 39idtxtTime39on34change34 function var reg 090091092030509 if regtest39idtxtTime39val alert34Please enter valid time in 24 hour format34

How to display Date and Time in different TextBox on TextChange using jQuery in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on May 08, 2017 02:00 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 4566
Sample Code: Download

I put 2 textbox in page:

1-txttime 2-txtdate

for txttime I use below code to show time format in textbox like:

--:--

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[id*=txtTime]').mask('00:00');
            $('[id*=txtTime]').on("change", function () {
                var reg = /^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/;
                if (!reg.test($('[id*=txtTime]').val())) {
                    alert("Please enter valid time in 24 hour format");
                    $('[id*=txtTime]').val('');
                    $('[id*=txtTime]').focus();
                }
            });
        });
    </script>

now I want use date format for txtdate

I want it show ----/--/-- in textbox like code I use for time

how I can do it?

best regards

neda

Indresh

0 1

Reply
ANSWER
User: Indresh
Replied: on May 08, 2017 03:05 AM
Report

Hi nedash,

Please refer the below code and modify as per your requirement.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[id*=txtTime]').mask('00:00');
            $("#txtdate").mask("0000/00/00");
            $('[id*=txtTime]').on("change", function () {
                var reg = /^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/;
                if (!reg.test($('[id*=txtTime]').val())) {
                    alert("Please enter valid time in 24 hour format");
                    $('[id*=txtTime]').val('');
                    $('[id*=txtTime]').focus();
                }
            });

            $('[id*=txtdate]').on("change", function () {
                var reg = /^(19|20)\d\d[\-\/.](0[1-9]|1[012])[\-\/.](0[1-9]|[12][0-9]|3[01])$/;
                if (!reg.test($('[id*=txtdate]').val())) {
                    alert("Please enter valid date format");
                    $('[id*=txtdate]').val('');
                    $('[id*=txtdate]').focus();
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" name="name" id="txtTime" value=" " />
        <input type="text" name="name" id="txtdate" value=" " />
    </div>
    </form>
</body>
</html>

Demo

How to display Date and Time in different TextBox on TextChange using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us