Question

我正在尝试为我的代码添加日期过滤器。我想将AngularJS Date-Picker中选择的日期传递给Java Servlet，然后通过Persistence代码调用存储过程，如图所示。

如何在JavaScript中正确格式化日期，然后在Java代码中？

Datepicker代码

<datepicker date-format="yyyyMMdd" button-prev='<i class="fa fa-arrow-circle-left"></i>'
    button-next='<i class="fa fa-arrow-circle-right"></i>'>

    <input ng-model="filters.dateFrom" type="text" placeholder="Select a starting date">

</datepicker>


<datepicker date-format="yyyyMMdd" button-prev='<i class="fa fa-arrow-circle-left"></i>'
    button-next='<i class="fa fa-arrow-circle-right"></i>'>

    <input ng-model="filters.dateTo" type="text" placeholder="Select an end date">

</datepicker>

AngularJS代码

app.factory('graphService', function ($http, Restangular) {

        var exports = {};

        exports.getRestangular = function () {
            // return Restangular.setBaseUrl("/api");
            return Restangular.setBaseUrl("/apm/graph");
        };

        exports.getGraphDataDC = function (dcName, from, to) {
            return exports.getRestangular().one("graphData/DC/" + dcName + "/" + from + "/" + to).get();
        };

Java Servlet

                    List <SummaryDelaysDataCenter80Perc> dcData;

                    String dcname = pathInfo[pathInfo.length-3];
                    SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyyMMdd");

                    try {
                        from = new java.util.Date(simpleDateFormat.parse(pathInfo[pathInfo.length - 2]).getTime());
                    } catch (ParseException e) {
                        e.printStackTrace();
                    }

                    try {
                        to = new java.util.Date(simpleDateFormat.parse(pathInfo[pathInfo.length - 1]).getTime());
                    } catch (ParseException e) {
                        e.printStackTrace();
                    }

                    try
                    {
                        dcData = persistance.getSummaryDelaysDC80Perc(from, to, dcname);
                    } catch(RuntimeException e) {
                        LOGGER.error("Could not load data form database, reason: {}", e);
                        throw new ServletException(e);
                    }
                    // parse to json
                    json = ThreadsafeUtils.getGsonInstance(pretty).toJson(dcData);
                    LOGGER.debug(dcData.size() + " summary entries were read");

                    out.write(json);
                    break;

持久性

    public List<SummaryDelaysSystem80Perc> getSummaryDelaysSystem80Perc(Date from, Date to, String systemName) throws RuntimeException {
        List<SummaryDelaysSystem80Perc> result = new ArrayList<>();
        Calendar c = Calendar.getInstance(Locale.GERMANY);
        java.sql.Date minDate;
        java.sql.Date maxDate;
        String call;
        if (from != null)
            minDate = new java.sql.Date(from.getTime());
        else
            minDate = Utils.getDBMinDate();

        if (to != null) {
            maxDate = new java.sql.Date(to.getTime());
        } else {
            maxDate = Utils.getDBMaxDate();
        }
        call = "CALL " + summaryDelaysSystemProcedureName + "(?, ?, ?, ?)";

//      sdelten80.setName(systemName);
        try {
            //prepare statement
            java.sql.Connection connection = em.unwrap(java.sql.Connection.class);
            java.sql.CallableStatement cst = connection.prepareCall(call);
            //set parameters
            cst.setDate(1, minDate, c);
            cst.setDate(2, maxDate, c);
//          cst.setString(2, to.toString());
            cst.setString(3, systemName);
            // execute statement and retrieve result
            cst.execute();
            ResultSet rs = cst.getResultSet();
            while (rs.next()) {
                SummaryDelaysSystem80Perc sdelsys80 = new SummaryDelaysSystem80Perc();
                DateFormat dateFormat = new SimpleDateFormat("dd/MM/yyyy", Locale.GERMANY);
                String strDate = dateFormat.format(rs.getTimestamp(1));
                sdelsys80.setName(rs.getString(2));
                sdelsys80.setDate(strDate);
                sdelsys80.setPerc80serverdelay(Double.toString(rs.getDouble(3)));
                sdelsys80.setPerc80networkdelay(Double.toString(rs.getDouble(4)));
                sdelsys80.setPerc80clientdelay(Double.toString(rs.getDouble(5)));
                sdelsys80.setPerc80roundtrips(Long.toString(rs.getLong(6)));
                result.add(sdelsys80);
            }
        } catch (java.sql.SQLException e) {
            throw new RuntimeException("StoredProcedureCall was not successful", e);
        }
        return result;
    }

Answer 1

您的日期选择器需要采用发布数据的形式。然后使用输入字段名称，您可以访问发布的值。

另见：How to transfer data from JSP to servlet when submitting HTML form

如果您不想使用表单并拥有自动浏览器帖子，则可以在ng-click函数中使用$ http.post，如下所示：

<input ng-model="filters.dateFrom" type="text" placeholder="Select a starting date">
<button ng-click="BtnClick();">Post to server</button>

角度控制器中的

$scope.BtnClick = function() { /* Post the values using $http.post and you can access to the input values using filters.dateFrom and filters.dateTo */

如何将日期从AngularJS Datepicker传递给Java Servlet？

1 个答案: