• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 991
  • Last Modified:

Datefield CFINPUT not working Firefox 3.0.8

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
day6
Asked:
day6
  • 2
  • 2
1 Solution
 
_agx_Commented:
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
 
day6Author Commented:
This did not fix it.
0
 
azadisaryevCommented:
_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
 
day6Author Commented:
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
 
_agx_Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now