Solved

Datefield CFINPUT not working Firefox 3.0.8

Posted on 2009-04-06
5
981 Views
Last Modified: 2013-12-16
I have a script (see code) which works in IE7, but not Firefox.  Please help me understand why.
<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td colspan="2">Select a date range to obtain the registrants.</td>
  </tr>
  <cfform name="form1" method="post" action="">
  <tr>
    <td width="10%">Start Date:</td>
    <td width="90%">
    <div style="position:relative; z-index:5">
    <cfinput type="datefield" name="st_dt" id="st_dt">
    </div>
    </td>
  </tr>
  
  <tr>
    <td>End Date:</td>
    <td>
<div style="position:relative; z-index:3">
<cfinput type="datefield" name="end_dt" id="end_dt">
</div>
</td>
  </tr>
  </cfform>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Open in new window

0
Comment
Question by:day6
  • 2
  • 2
5 Comments
 
LVL 52

Accepted Solution

by:
_agx_ earned 500 total points
ID: 24079117
I do not the exact cause, but it seems to be related to the nesting of the form/fields and <table> tags.  Try moving the cfform outside of the <table>
<cfform name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td colspan="2">Select a date range to obtain the registrants.</td>
  </tr>
  <tr>
    <td width="10%">Start Date:</td>
    <td width="90%">
    <div style="position:relative; z-index:5">
    <cfinput type="datefield" name="st_dt">
    </div>
    </td>
  </tr>
  
  <tr>
    <td>End Date:</td>
    <td>
<div style="position:relative; z-index:3">
<cfinput type="datefield" name="end_dt">
</div>
</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>
</cfform>

Open in new window

0
 
LVL 1

Author Comment

by:day6
ID: 24080877
This did not fix it.
0
 
LVL 27

Expert Comment

by:azadisaryev
ID: 24083871
_agx_'s edited code with proper tag nesting works just fine in FF3.0.8
if it does not work for you - the problem is elsewhere. post all your code.

Azadi
0
 
LVL 1

Author Comment

by:day6
ID: 24090446
It works at this point, but I haven't been able to get the date to display properly and the MASK feature of the cfinclude doesn't make it display as my MySQL requires. I'd prefer not having to parse the form field results into pieces to get it into my database when I can simply have it in the proper order.

CFINCLUDE defaults the datefield to mm/dd/yyyy when I want it to be yyyy-mm-dd

What can I do?
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24091202
It must be a problem with your code.  The mask attribute of _cfinput_ works just fine:
     <cfinput type="datefield" name="st_dt" mask="YYYY-MM-DD">

> I'd prefer not having to parse the form field results into pieces to get it into my database
> when I can simply have it in the proper order

It is best never to trust form values and always validate on the server side.  Besides, formatting is only an issue when you use date _strings_. The correct way is to use date/time objects.  With date/time objects, there is no ambiguity and the database will properly interpret the date value:

<cfquery....>
INSERT INTO someTable (DateColumn)
VALUES
(
<cfquery value="#dateString#" cfsqltype="cf_sql_timestamp">
)
</cfquery>
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Internet is a big network which is formed by connecting multiple small networks.It is a platform for all the users which are connected to it.Internet act as platform in different fields. Such as: Internet  as a collaboration platform. Internet  as…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question