date format of textfield using java script and php

Question

i am making a form that has a date field using textfield, i want my date field to have a label format inside the textfield, here's the picture: enter image description here after clicking on the textfield the format will be erased and the hyphen will remain like this picture: i already made the code for the label format, here's my code:

<input type="text" name="date" value="DD_MM_YYYY" id="date" style="width:180px" onclick="if(this.value=='DD_MM_YYYY'){this.value=''}"  />
</p>

My problem now is the hypen that will remain after clicking the textfield.

Anyone knows how to do that?

Thanks in advance.

No need to reinvent the wheel, I'd suggest using a mask plugin for your use-case, even though I'd personally prefer a datepicker one. — Fabrício Matté
– Fabrício Matté, Commented Jan 10, 2013 at 2:43

Felipe Francisco · Accepted Answer · 2013-01-10 02:44:25Z

1

I would recommend Masked Input Plugin.
http://digitalbush.com/projects/masked-input-plugin/

You can define your own type of mask by using the code:

jQuery(function($){
   $("#myinput").mask("99-99-9999",{placeholder:" "});
});

Then you can define a placeholder to the input:

<input id='myinput' placeholder='dd-mm-yyyy'>

answered Jan 10, 2013 at 2:44

Felipe Francisco

1,0632 gold badges23 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Austin Brunkhorst · Accepted Answer · 2013-01-10 02:44:34Z

0

You can use the placeholder attribute.

<input placeholder="  -  -    " value="DD-MM-YYYY" />

You can continue to set the value to nothing when the element is focused. On blur set the value back to DD-MM-YYYY.

Note that this attribute isn't supported by all browsers.

answered Jan 10, 2013 at 2:44

Austin Brunkhorst

21.1k6 gold badges49 silver badges61 bronze badges

Collectives™ on Stack Overflow

date format of textfield using java script and php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related